@charset "utf-8";
/* CSS Document */
.taiji{background: linear-gradient(to bottom,#000000 0%,#000000 50%,#fcfcfc 51%,#fcfcfc 100%);
	border: solid black 1px;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	position: relative;
	animation:spin 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}
.taiji::before{content:"";
	width: 50px;
	height: 50px;
	border: solid black 50px;
	background-color: white;
	border-radius: 50%;
	position: absolute;
	top:70px;
	}
.taiji::after{content:"";
	width: 50px;
	height: 50px;
	border: solid white 50px;
	background-color: black;
	border-radius: 50%;
	position: absolute;
	top:70px;
	left: 150px;}

@keyframes spin{
		from {transform: rotate(0deg)}
		to {transform: rotate(360deg)}
	}